.portfolio-img {margin:20px;overflow:hidden;}



.case_link {display:block;position:relative;}

.case_img {height:260px;width:100%;}



.case_txt_bg {background:rgba(0,0,0,.5);padding:10%;}

.list_txt_box {height:100%;position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;overflow:hidden;}

.list_txt_box .l_line, .list_txt_box .r_line, .list_txt_box .t_line, .list_txt_box .b_line {content:"";display:block;background:#fff;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;}

.list_txt_box .l_line, .list_txt_box .r_line {width:1px;height:0;}

.list_txt_box .t_line, .list_txt_box .b_line {height:1px;width:0;}

.list_txt_box:hover .l_line, .list_txt_box:hover .r_line  {height:100%;}

.list_txt_box:hover .t_line, .list_txt_box:hover .b_line {width:100%;}

.case_title {position:relative;top:-20px;width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;}

.case_title h5 {color:#fff;font-size:24px;margin:auto;text-align:center;padding:20px;}

.list_txt_box:hover .case_title {top:0;}



.case_link:hover .dpn {display:block;}

.shor_tit{display:none;}

@media (max-width:425px) {

.portfolio-img {

    margin: 5px;

    overflow: hidden;

}
.case_title h5 {font-size:18px;}
.shor_tit{display:block;text-align: center;}

.shor_tit b {

    display: block;

    border-bottom: 1px solid #ccc;

    height: 1px;

    margin: 0 auto;

    margin-top: 20px;

    width: 90%;

}

.shor_tit span.tit {

    line-height: 26px;

    display: block;

    margin: 0 auto;

    margin-top: -15px;

    background: #fff;

    width: 100px;

}

}

@media (max-width:375px) {

.case_img {

    height: 120px !important;

}
.honor_img{
    height: 130px !important; 	
}

}



@media (max-width:320px) {

.case_img {

    height: 100px !important;

}
.honor_img{
    height: 120px !important; 	
}
}